<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
    <title>左右轮播图</title>
    <link rel="stylesheet" href="./style.css">
    <script src="./index.js"></script>
</head>

<body>

    <div id="banner">
        <div id="content">
            <ul id="ul">
                <li><a href="###"><img src="./images/1 (1).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (2).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1(3).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (4).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (5).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (6).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (7).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (8).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (9).JPG" /></a> </li>
                <li><a href="###"><img src="./images/1 (10).JPG" /></a> </li>
            </ul>

            <div class="dot" id="dot">
                <ul id="dotul">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>

        <div id="btn">
            <div id="left" class="b"><img src="./images/left.png" /></div>
            <div id="right" class="b"><img src="./images/right.png" /></div>

        </div>

    </div>

    

</body>

</html>